*{margin: 0px;padding: 0px;list-style: none;}
html,body,#app{width: 100%;height: 100%;}
a{text-decoration:none;}
::-webkit-scrollbar {width: 1px;height: 1px;}
#backg1{ background-color: rgba(30,144,255,0.8); }
#backg2{ background-color: rgba(220,20,60,0.8); }
#backg3{ background-color: rgba(50,200,200,0.8); }
#backg4{ background-color: rgba(40,205,50,0.8); }
#backg5{ background-color: rgba(255,150,0,0.8); }
#backg6{ background-color: rgba(255,69,0,0.8); }
#backg7{ background-color: rgba(85,85,85,0.8); }
#color1{ color:rgba(30,144,255,1.0); }
#color2{ color:rgba(220,20,60,1.0); }
#color3{ color:rgba(50,200,200,1.0); }
#color4{ color:rgba(40,205,50,1.0); }
#color5{ color:rgba(255,150,0,1.0); }
#color6{ color:rgba(255,69,0,1.0); }
#color7{ color:rgba(85,85,85,1.0); }
tt{font-size: 18px;}
p{text-indent: 4em;}
h1,h2,h3,h4,h5{letter-spacing: 1.2px;white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
h1{font-size: 38px;}
h2{font-size: 32px;}
h3{font-size: 28px;}
h4{font-size: 26px;}
h5{font-size: 18px;}
.top{width: 100%;height: 65px;background-color: rgba(30,144,255,0.8);display: flex;position: absolute;top: 0px;text-align: center;line-height: 60px;color: #000000;border-bottom: 1px solid rgba(100,100,100,0.3);}
.logo{ width: auto;height: 45px;margin: auto 15px;}
.title{width: auto;margin: auto 10px;letter-spacing: 2px;font-family: 黑体;color:#FFFFFF;}
.main{width: 100%;height: 100%;display: flex;margin: auto 0;}
.main-left{margin:auto 15%;padding-top: 5%;position: relative;float: right;min-width: 450px;min-height: 350px;background: url('https://www.xn--kwrr8v.top/style/image/login-bj.png')center no-repeat;background-size: 100% 80%;}
.main-left h4{text-align: left;line-height: 40px;margin-bottom: 15px;font-size: 28px;font-weight: normal;color: rgba(30,144,255,1.0);}
.main-left li{font-size: 17px;line-height: 30px;color: #222222;}
.main-left tt{color: #555555;margin-top: 10px;font-size: 15px;}
.main-right{margin: auto -5%;min-width: 325px;max-width: 525px;height: auto;position: relative;float: left;border: 1px solid #a0b1c4;background-color: #fff;z-index: 12;border-radius: 5px;overflow: hidden;}
.main-title{width: 100%;height: 45px;color: #333;font-size: 17px;text-align: center;line-height: 45px;cursor: pointer;border-bottom: 1px solid #a0b1c4;background-color: #f9fbfe;border-radius: 6px 6px 0 0;}
form{margin: 10% 0;}
form li{width: 84%;height: 40px;margin-left: 6%;margin-top: 12px;padding-left: 5px;font-family: Verdana,Tahoma,Arial;}
form li input{width: 100%;height: 100%;padding-left: 5px; border: none;border-radius: 2px;border-style: solid;border-width: 1px;border-color: #aaaaaa;color: #000000;font-size: 15px;}
form #run{color: #FFFFFF;background-color: rgba(30,144,255,0.8);font-size: 18px;margin-top: 10%;}
.main-right-a{display: flex;font-size: 14px;width: 80%;margin:10px 10%;}
.main-right-a .login-a{width: 100%;color: #225592;text-align: left;white-space: nowrap; text-overflow:ellipsis; }
.main-right-a .pass-a{width: 100%;color: #225592;text-align: right;white-space: nowrap; text-overflow:ellipsis; }
.main-right .again{text-align: center;font-size:12px;margin: 20px;}
.bottom{padding: 1% 0;position: absolute;bottom: 0px;left: 0;right: 0;z-index: 2;clear: both;line-height: 20px;font-size: 14px;text-align: center;color: #888888;background-color: #eff4fa;border-top: 1px solid #d6dfea;}
@media (max-width:1000px) {
	.logo{display: none;}
	.top{height: 55px;line-height: 50px;}
	.title{width: 100%;margin: 0;text-align: center;font-size:19px;}
	.main{height: auto;display: flex-direction;flex-direction: column-reverse;}
	.main-title{font-size: 20px;line-height: 55px;height: 55px;}
	.main-right{transform: scale(0.85);width: 100%;top:70px;order: 1;margin: 0 auto;}
	form li{height: 50px;margin-top: 25px;}
	form li input{font-size: 19px;}
	form #run{margin: 0% 0;font-size: 19px}
	.main-right-a{font-size: 18px;}
	.main-right .again{font-size: 16px;margin: 6% 0;}
	.main-left{transform: scale(0.85);margin: 0;padding: 0;min-width: 0;position:inherit;margin-top: 120px;}
	.bottom{font-size: 5px;position:inherit;}
	.bottom tt{font-size:8px;}
}
.top{width: 100%;height: 65px;background-color: rgba(30,144,255,0.8);display: flex;position: absolute;top: 0px;text-align: center;line-height: 60px;color: #000000;border-bottom: 1px solid rgba(100,100,100,0.3);}
.logo{ width: auto;height: 45px;margin: auto 15px;}
.title{width: auto;margin: auto 10px;letter-spacing: 2px;font-family: 黑体;color:#FFFFFF;}
.main{width: 100%;height: 100%;display: flex;margin: auto 0;}
.main-left{margin:auto 15%;padding-top: 5%;position: relative;float: right;min-width: 450px;min-height: 350px;background: url('/style/image/login-bj.png')center no-repeat;}
.main-left h4{text-align: left;line-height: 40px;margin-bottom: 15px;font-size: 28px;font-weight: normal;color: rgba(30,144,255,1.0);font-family:dingmao;}
.main-left li{font-size: 17px;line-height: 30px;color: #222222;}
.main-left tt{color: #555555;margin-top: 10px;font-size: 15px;}
.main-right{margin: auto -5%;min-width: 325px;max-width: 525px;height: auto;position: relative;float: left;border: 1px solid #a0b1c4;background-color: #fff;z-index: 12;border-radius: 5px;overflow: hidden;}
.main-title{width: 100%;height: 45px;color: #333;font-size: 17px;text-align: center;line-height: 45px;cursor: pointer;border-bottom: 1px solid #a0b1c4;background-color: #f9fbfe;border-radius: 6px 6px 0 0;}
form{margin: 10% 0;}
form li{width: 84%;height: 40px;margin-left: 6%;margin-top: 12px;padding-left: 5px;font-family: Verdana,Tahoma,Arial;}
form li input{width: 100%;height: 100%;padding-left: 5px; border-radius: 2px;border-style: solid;border-width: 1px;border-color: #aaaaaa;color: #000000;font-size: 15px;border: 1px solid #888;}
form #run{color: #FFFFFF;background-color: rgba(30,144,255,0.8);font-size: 18px;margin-top: 10%;}
.main-right-a{display: flex;font-size: 14px;width: 80%;margin:10px 10%;}
.main-right-a .login-a{width: 100%;color: #225592;text-align: left;white-space: nowrap; text-overflow:ellipsis; }
.main-right-a .pass-a{width: 100%;color: #225592;text-align: right;white-space: nowrap; text-overflow:ellipsis; }
.main-right .again{text-align: center;font-size:12px;margin: 20px;}
.bottom{padding: 1% 0;position: absolute;bottom: 0px;left: 0;right: 0;z-index: 2;clear: both;line-height: 20px;font-size: 14px;text-align: center;color: #888888;background-color: #eff4fa;border-top: 1px solid #d6dfea;}
@media (max-width:1000px) {
	.logo{display: none;}
	.top{height: 55px;line-height: 50px;}
	.title{width: 100%;margin: 0;text-align: center;font-size:19px;}
	.main{height: auto;display: flex-direction;flex-direction: column-reverse;}
	.main-title{font-size: 20px;line-height: 55px;height: 55px;}
	.main-right{transform: scale(0.85);width: 100%;top:70px;order: 1;margin: 0 auto;}
	form li{height: 50px;margin-top: 25px;}
	form li input{font-size: 19px;}
	form #run{margin: 0% 0;font-size: 19px}
	.main-right-a{font-size: 18px;}
	.main-right .again{font-size: 16px;margin: 6% 0;}
	.main-left{transform: scale(0.85);margin: 0;padding: 0;min-width: 0;position:inherit;margin-top: 120px;}
	.bottom{font-size: 5px;position:inherit;}
	.bottom tt{font-size:8px;}
}